<template>
  <div class="ek-from">
    <ekDrawer v-model="ekVisiable" title="title" @submit="handleSubmit">
        1111111111111111111
    </ekDrawer>
  </div>
</template>

<script setup>

import {
  defineComponent,
  defineExpose,
  onMounted,
  getCurrentInstance,
  computed,
  watch,
  reactive,
  ref,
} from "vue";

import ekDrawer from "@/components/business/ekDrawer/index.vue";

const props = defineProps({
  // 显示隐藏
  visiable: {
    type: Boolean,
    default: false,
  },
// 显示隐藏
  visiable: {
    type: Boolean,
    default: false,
  },
  rowId: {
    type: [String, Number],
    default: "",
  },
  selectionRows: {
    type: Array,
    default: () => [],
  }

});
const {
  appContext: {
    config: { globalProperties },
  },
} = getCurrentInstance();
const { $storage, $http, $ekLoading, $ekMessage} = globalProperties;

const emit = defineEmits(["update:visiable"]);

// 是否显示
const ekVisiable = computed({
  get() {
    return props.visiable;
  },
  set(value) {
    emit("update:visiable", value);
  },
});

function handleSubmit(done) {
  emit('submit');
  done();
}

</script>

<style scoped lang="scss">
.ek-from {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  .ek-from-content {
    width: 100%;
    height: 100%;
  }
  .ek-loading {
    position: absolute;
    width: 100%;
    height: 100%;
  }
}
</style>
